/* aside区域 */

main {
    position: relative;
    /* height: 15.1354rem; */
    padding-top: .3125rem;
}

main .container1 {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

main aside {
    position: relative;
    width: 2.3958rem;
    height: 100%;
}

main aside>ul {
    margin-bottom: .3125rem;
}

main aside>ul>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.3958rem;
    height: .5208rem;
    background: #bdbed8;
    cursor: pointer;
    margin-bottom: .0208rem;
    font-size: .2083rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
}

main aside>ul>li:nth-child(n+2):hover {
    background: #EFF4F7;
    color: #363A8F;
}

main aside>ul .current {
    background: #EFF4F7;
    color: #363A8F;
}

main aside>ul .title {
    background: #363A8F;
    border: 1px solid #FFFFFF;
    opacity: 1;
    cursor: none;
}


/* mask开始 */

main aside .mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 2.3958rem;
    width: 10.2083rem;
    background-color: #eff4f7;
}

main aside .mask>ul {
    padding-top: .3125rem;
    padding-left: .3125rem;
}

main aside .mask>ul>li {
    display: flex;
    margin-bottom: .2083rem;
}

main aside .mask>ul>li .left {
    width: 1.0208rem;
    font-size: .1458rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #363A8F;
}

main aside .mask>ul>li>span {
    font-size: .1458rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    margin-left: .1563rem;
    margin-right: .2604rem;
}

main aside .mask>ul>li .right ul {
    display: flex;
    flex-wrap: wrap;
}

main aside .mask>ul>li .right ul li {
    position: relative;
    margin-right: .2083rem;
}

main aside .mask>ul>li .right ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -0.1042rem;
    width: .0104rem;
    height: .1875rem;
    background-color: #000000;
}

main aside .mask>ul>li .right ul li a {
    font-size: .125rem;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
}


/* mask结束 */

main aside .hots,
main aside .promotions {
    margin-bottom: .3125rem;
}

main aside .hots .top,
main aside .promotions .top,
main aside .procurement .top {
    display: flex;
    align-items: center;
    width: 2.3958rem;
    height: .5208rem;
    margin-bottom: .1042rem;
}

main aside .hots .top {
    justify-content: center;
    background: url(../images/2.png) no-repeat center /contain;
}

main aside .promotions .top {
    padding-left: .3125rem;
    background: url(../images/3.png) no-repeat center /contain;
}

main aside .procurement .top {
    padding-left: .3125rem;
    background: url(../images/4.png) no-repeat center /contain;
}

main aside .top span {
    font-size: .25rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}

main aside .hots .top span:last-child {
    font-size: .3125rem;
    margin-left: .1771rem;
}

main aside .hots img,
main aside .promotions img,
main aside .procurement img {
    width: 2.3958rem;
    height: 2.0313rem;
}


/* section部分 */

main section {
    width: 9.6875rem;
    margin-bottom: .875rem;
}

main section .swiper {
    width: 9.7917rem;
    height: 4.875rem;
}

main section .swiper img {
    width: 9.7917rem;
    height: 4.875rem;
}

.swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    background: #FFFFFF !important;
    border-radius: .4rem;
    opacity: 1;
    transition: all .2s;
}

.swiper-pagination-bullet-active {
    width: .9rem;
    height: .2rem;
    background: #363A8F !important;
    border-radius: .4rem;
}

main section .list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: .3125rem;
}

main section .list .dynamics {
    position: relative;
    width: 5.3542rem;
}

main section .list .dynamics .line {
    position: absolute;
    width: .0104rem;
    height: 7.5rem;
    top: .6771rem;
    left: .3646rem;
    z-index: -1;
    /* border-left: 1px dotted #000; */
    background-image: linear-gradient(to bottom, #D5DFE6 0%, #D5DFE6 80%, transparent 50%);
    background-size: 3px 18px;
    background-repeat: y-repeat
}

main section .list .dynamics .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main section .list .dynamics .top .left {
    display: flex;
    align-items: center;
}

main section .list .dynamics .top .left h2 {
    font-size: .2917rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #363A8F;
    margin: 0;
}

main section .list .dynamics .top .left span {
    font-size: .125rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
    margin-left: .3333rem;
    letter-spacing: .0833rem;
}

main section .list .dynamics .top .right a {
    font-size: .1667rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

main section .list .dynamics ul {
    margin-top: .3646rem;
}

main section .list .dynamics ul li {
    width: 5.0417rem;
    padding-left: .3125rem;
    display: flex;
    margin-bottom: .1667rem;
    cursor: pointer;
}

main section .list .dynamics ul li:hover p {
    color: #363A8F !important;
}

main section .list .dynamics ul li:hover .dot {
    background: #363A8F !important;
    border-color: #363A8F !important;
}

main section .list .dynamics ul li .dot {
    width: .125rem;
    height: .125rem;
    background: #FFFFFF;
    border: 2px solid #D5DFE6;
    border-radius: 50%;
    margin-top: .0417rem;
    margin-right: .1563rem;
    flex-shrink: 0;
}

main section .list .dynamics ul li .title {
    width: 4.7604rem;
}

main section .list .dynamics ul li .title p {
    width: 4.7604rem;
    font-size: .1667rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    margin-bottom: .0938rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

main section .list .dynamics ul li .title .date {
    font-size: .1667rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #B1B1B1;
}

main section .list .leaderboard {
    position: relative;
    width: 3.3333rem;
}

main section .list .leaderboard::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: .6771rem;
    left: -0.5208rem;
    width: .0104rem;
    height: 7.6667rem;
    background-color: #D5DFE6;
}

main section .list .leaderboard .top {
    display: flex;
    margin-bottom: 1rem;
}

main section .list .leaderboard .top h2 {
    margin: 0;
    font-size: .2917rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #363A8F;
}

main section .list .leaderboard .top span {
    font-size: .125rem;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B1B1;
    margin-left: .3333rem;
    letter-spacing: .0833rem;
}

main section .list .leaderboard ul li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: .4167rem;
    cursor: pointer;
}

main section .list .leaderboard ul li:hover .title {
    color: #363A8F;
}

main section .list .leaderboard ul li:first-child::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -0.4rem;
    /* width: 3.3333rem; */
    width: 100%;
    height: .05rem;
    background-image: linear-gradient(to right, #D5DFE6 0%, #D5DFE6 70%, transparent 50%);
    background-size: .3rem .4rem;
    background-repeat: repeat
}

main section .list .leaderboard ul li::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.2rem;
    /* width: 3.3333rem; */
    width: 100%;
    height: .05rem;
    background-image: linear-gradient(to right, #D5DFE6 0%, #D5DFE6 70%, transparent 50%);
    background-size: .3rem .4rem;
    background-repeat: repeat
}

main section .list .leaderboard ul li .order {
    font-size: .1667rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #333333;
    margin-right: .8rem;
}

main section .list .leaderboard ul li .title {
    font-size: .1667rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


/* @media screen and (max-width:768px) { */

main aside,
main section .list .dynamics .line {
    display: none;
}

main .container1 {
    width: 100%!important;
    padding: 0 2%;
}

main section {
    width: 100%;
}

main section .swiper {
    width: 100%;
    height: 10.4167rem;
}

main section .swiper img {
    width: 100%;
    height: 100%;
}

main section .list .dynamics,
main section .list .dynamics ul li,
main section .list .dynamics ul li .title,
main section .list .dynamics ul li .title p ,
main section .list .leaderboard,
main section .list .leaderboard ul li,
main section .list .leaderboard ul li{
    width: 100%;
}

main section .list {
    margin-top: 1.2rem;
}

main section .list .dynamics .top .left h2,
main section .list .leaderboard .top h2 {
    font-size: 0.9rem;
}

main section .list .dynamics ul li .dot {
    display: none;
}

main section .list .dynamics ul li .title {
    margin-bottom: .7rem;
}

main section .list .dynamics ul li .title p,
main section .list .leaderboard ul li .title,
main section .list .leaderboard ul li .order {
    font-size: 0.9rem;
}

main section .list .dynamics .top .right a {
    font-size: 0.8rem;
}

main section .list .dynamics ul {
    margin-top: .7rem;
}

main section .list .dynamics ul li .title .date {
    font-size: 0.8rem;
}

main section .list .dynamics .top .left span,
main section .list .leaderboard .top span {
    font-size: 0.7rem;
}

main section .list .leaderboard ul li a {
    margin-bottom: .4167rem;
}
/* } */